<template>
  <div >
      <h1>{{msg}}</h1>
      <h2>学生姓名：{{name}}</h2>
      <h2>学生年龄：{{myAge+1}}</h2>
      <h2>学生性别：{{sex}}</h2>
      <button @click="updateAge">点我修改年龄</button>
  </div>
</template>

<script>
    export default {
        name:'Student',
        data() {
            return {
                msg:'我是尚硅谷的学生',
                myAge:this.age
            }
        },
        //简单接受
        /* props:['name','age','sex']  */
        // 接受的同时，对类型进行限制
        /* props:{
            name:String,
            age: Number,
            sex: String
        } */
        // 接受的同时，对类型进行限制,默认值的指定,必要性的限定
        props:{
            name: {
                type: String,  //name的类型是字符串
                required: true,  //name是必传的
            },
            age: {
                type: Number,
                default: 50, //默认值
            },
            sex: {
                type: String,
                required: true,
            },
        },
        methods: {
            updateAge(){
                this.myAge++
            }
        },

    }
</script>

<style>
